<script lang="ts" setup>
defineProps<{
  title: string
  visible: boolean
}>()

defineEmits<{
  (e: 'close')
}>()
</script>

<template>
  <div class="create-task">
    <slot name="trigger" />
    <a-drawer
      :open="visible"
      :width="720"
      :title="title"
      placement="right"
      :closable="false"
      destroy-on-close
      @close="$emit('close')"
    >
      <slot name="content" />
    </a-drawer>
  </div>
</template>
